<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Zi Hao Shu</title>
        <link rel="stylesheet" href="004.css">
    </head>
    <body>
        <div class="top-navbar">
            <div class="sider">
                <div class="cont">
                    <div style="margin-left: 1em; margin-right: 1em">刺猬</div>
                    <div> | </div>
                    <div style="margin-left: 1em; margin-right: 1em">刺猬</div>
                </div>
                <hr width="100%">
                <div class="cont">
                    <div style="margin-left: 1em; margin-right: 1em">刺猬</div>
                    <div> | </div>
                    <div style="margin-left: 1em; margin-right: 1em">刺猬</div>
                </div>
            </div>
            <div class="logo">
                <img src="004.png" alt="Logo">
            </div>
            <div class="sider">
                <div class="cont">
                    <div style="margin-left: 1em; margin-right: 1em">刺猬</div>
                    <div> | </div>
                    <div style="margin-left: 1em; margin-right: 1em">刺猬</div>
                </div>
                <hr width="100%">
                <div class="cont">
                    <div style="margin-left: 1em; margin-right: 1em">刺猬</div>
                    <div> | </div>
                    <div style="margin-left: 1em; margin-right: 1em">刺猬</div>
                </div>
            </div>
            <script src="004.js"></script>
        </div>
    </body>
</html>
